import './main-hmr.css';
import createImg from './hmr-module';

import kaisha from './kaisha.jpg';

const body = document.querySelector('body');

const img = createImg();

console.log(img.nodeType);

img.src = kaisha;

console.log(body);

body.appendChild(img);
let lastImg = img;
// 被加载器处理之后，代码会变成 if(false){}
// 最后代码会被相关的插件清除掉，因此这部分代码对业务没有影响
if (module.hot) {
  module.hot.accept(['./hmr-module.js'], () => {
    console.log('hmr-module发生了改变。');
    body.removeChild(lastImg);
    lastImg = createImg();
    lastImg.src = kaisha;
    body.appendChild(lastImg);
  });
  module.hot.accept(['./kaisha.jpg'], () => {
    lastImg.src = kaisha;
  });
}
